[dark]:root {
  --color-primary-darker: hsl(201, 65%, 42%);
  --color-primary-darker-h: 201;
  --color-primary-darker-s: 65%;
  --color-primary-darker-l: 42%;
  --color-primary-dark: hsl(201, 65%, 52%);
  --color-primary-dark-h: 201;
  --color-primary-dark-s: 65%;
  --color-primary-dark-l: 52%;
  --color-primary: hsl(201, 65%, 62%);
  --color-primary-h: 201;
  --color-primary-s: 65%;
  --color-primary-l: 62%;
  --color-primary-light: hsl(201, 65%, 72%);
  --color-primary-light-h: 201;
  --color-primary-light-s: 65%;
  --color-primary-light-l: 72%;
  --color-primary-lighter: hsl(201, 65%, 82%);
  --color-primary-lighter-h: 201;
  --color-primary-lighter-s: 65%;
  --color-primary-lighter-l: 82%;
  --color-accent-darker: hsl(358, 97%, 43%);
  --color-accent-darker-h: 358;
  --color-accent-darker-s: 97%;
  --color-accent-darker-l: 43%;
  --color-accent-dark: hsl(358, 97%, 53%);
  --color-accent-dark-h: 358;
  --color-accent-dark-s: 97%;
  --color-accent-dark-l: 53%;
  --color-accent: hsl(358, 97%, 63%);
  --color-accent-h: 358;
  --color-accent-s: 97%;
  --color-accent-l: 63%;
  --color-accent-light: hsl(358, 97%, 73%);
  --color-accent-light-h: 358;
  --color-accent-light-s: 97%;
  --color-accent-light-l: 73%;
  --color-accent-lighter: hsl(358, 97%, 83%);
  --color-accent-lighter-h: 358;
  --color-accent-lighter-s: 97%;
  --color-accent-lighter-l: 83%;
  --color-secondary-darker: hsl(165, 2%, 24%);
  --color-secondary-darker-h: 165;
  --color-secondary-darker-s: 2%;
  --color-secondary-darker-l: 24%;
  --color-secondary-dark: hsl(165, 2%, 34%);
  --color-secondary-dark-h: 165;
  --color-secondary-dark-s: 2%;
  --color-secondary-dark-l: 34%;
  --color-secondary: hsl(165, 2%, 44%);
  --color-secondary-h: 165;
  --color-secondary-s: 2%;
  --color-secondary-l: 44%;
  --color-secondary-light: hsl(165, 2%, 54%);
  --color-secondary-light-h: 165;
  --color-secondary-light-s: 2%;
  --color-secondary-light-l: 54%;
  --color-secondary-lighter: hsl(165, 2%, 64%);
  --color-secondary-lighter-h: 165;
  --color-secondary-lighter-s: 2%;
  --color-secondary-lighter-l: 64%;
  --color-black: hsl(240, 8%, 12%);
  --color-black-h: 240;
  --color-black-s: 8%;
  --color-black-l: 12%;
  --color-white: hsl(0, 0%, 100%);
  --color-white-h: 0;
  --color-white-s: 0%;
  --color-white-l: 100%;
  --color-warning-darker: hsl(46, 100%, 41%);
  --color-warning-darker-h: 46;
  --color-warning-darker-s: 100%;
  --color-warning-darker-l: 41%;
  --color-warning-dark: hsl(46, 100%, 51%);
  --color-warning-dark-h: 46;
  --color-warning-dark-s: 100%;
  --color-warning-dark-l: 51%;
  --color-warning: hsl(46, 100%, 61%);
  --color-warning-h: 46;
  --color-warning-s: 100%;
  --color-warning-l: 61%;
  --color-warning-light: hsl(46, 100%, 71%);
  --color-warning-light-h: 46;
  --color-warning-light-s: 100%;
  --color-warning-light-l: 71%;
  --color-warning-lighter: hsl(46, 100%, 81%);
  --color-warning-lighter-h: 46;
  --color-warning-lighter-s: 100%;
  --color-warning-lighter-l: 81%;
  --color-success-darker: hsl(94, 48%, 36%);
  --color-success-darker-h: 94;
  --color-success-darker-s: 48%;
  --color-success-darker-l: 36%;
  --color-success-dark: hsl(94, 48%, 46%);
  --color-success-dark-h: 94;
  --color-success-dark-s: 48%;
  --color-success-dark-l: 46%;
  --color-success: hsl(94, 48%, 56%);
  --color-success-h: 94;
  --color-success-s: 48%;
  --color-success-l: 56%;
  --color-success-light: hsl(94, 48%, 66%);
  --color-success-light-h: 94;
  --color-success-light-s: 48%;
  --color-success-light-l: 66%;
  --color-success-lighter: hsl(94, 48%, 76%);
  --color-success-lighter-h: 94;
  --color-success-lighter-s: 48%;
  --color-success-lighter-l: 76%;
  --color-error-darker: hsl(358, 97%, 43%);
  --color-error-darker-h: 358;
  --color-error-darker-s: 97%;
  --color-error-darker-l: 43%;
  --color-error-dark: hsl(358, 97%, 53%);
  --color-error-dark-h: 358;
  --color-error-dark-s: 97%;
  --color-error-dark-l: 53%;
  --color-error: hsl(358, 97%, 63%);
  --color-error-h: 358;
  --color-error-s: 97%;
  --color-error-l: 63%;
  --color-error-light: hsl(358, 97%, 73%);
  --color-error-light-h: 358;
  --color-error-light-s: 97%;
  --color-error-light-l: 73%;
  --color-error-lighter: hsl(358, 97%, 83%);
  --color-error-lighter-h: 358;
  --color-error-lighter-s: 97%;
  --color-error-lighter-l: 83%;
  --color-bg: hsl(240, 8%, 12%);
  --color-bg-h: 240;
  --color-bg-s: 8%;
  --color-bg-l: 12%;
  --color-contrast-lower: hsl(240, 6%, 19%);
  --color-contrast-lower-h: 240;
  --color-contrast-lower-s: 6%;
  --color-contrast-lower-l: 19%;
  --color-contrast-low: hsl(240, 3%, 27%);
  --color-contrast-low-h: 240;
  --color-contrast-low-s: 3%;
  --color-contrast-low-l: 27%;
  --color-contrast-medium: hsl(240, 1%, 57%);
  --color-contrast-medium-h: 240;
  --color-contrast-medium-s: 1%;
  --color-contrast-medium-l: 57%;
  --color-contrast-high: hsl(0, 0%, 89%);
  --color-contrast-high-h: 0;
  --color-contrast-high-s: 0%;
  --color-contrast-high-l: 89%;
  --color-contrast-higher: hsl(0, 0%, 100%);
  --color-contrast-higher-h: 0;
  --color-contrast-higher-s: 0%;
  --color-contrast-higher-l: 100%;
  -webkit-font-smoothing: antialiased;
}
